<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <title>云矿</title>
    <link rel="stylesheet" href="../public/css/weui.css" />
    <link rel="stylesheet" href="../public/css/common.css">
    <link rel="stylesheet" href="../public/css/bootstrap.css">
    <link rel="stylesheet" href="../login/css/registerSuccess.css">
</head>
<body>
	<div id="buysuccess">
	    <div>
			<div style="height: 1.8rem;"></div>
			<div class="public_top_header">
				<a class="weui-cell">
					<div class="weui-cell__hd">
						<img src="../public/images/yunkuanglogo.png" />
					</div>
					<div class="weui-cell__bd" style="margin-left: 0.2rem;">云矿</div>
				</a>
			</div>
		</div>
	    <div class="section container p-0">
	        <div class="row successLogo">
	            <div class="col text-center">
	                <img src="../public/images/success.png" alt="" style="width:2.2rem;height:2.2rem;">
	            </div>
	        </div>
	        <div class="row justify-content-center">
	            <div class="col-auto">
	               	购买 矿机成功，{{time}}秒后返回云矿首页
	            </div>
	        </div>
	        <div class="row justify-content-center">
	            <div class="col-auto d-flex justify-content-center align-items-center" @click="returnindex">
	                <span>立即返回</span>
	            </div>
	        </div>
	    </div>
    </div>
<script type="text/javascript" src="../public/js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="../public/js/vue.js" ></script>
<script type="text/javascript" src="../public/js/font_size.js" ></script>
<script type="text/javascript" src="../public/js/common.js" ></script>
<script type="text/javascript">
    $(function(){
        var vm = new Vue({
            el:"#buysuccess",
            data: {
            	password:'',
            	time:4
            },
            methods:{
				returnindex:function(){
					window.location.href = "index.html";
				},
				cutdown:function(){
					if(this.time>1){
            			this.time--;
            			setTimeout(function(){
            				vm.cutdown();
            			},1000)
            		}else{
            			vm.returnindex();
            		}
				}
            },
            created:function(){
            	this.cutdown();
            }
        })
    })
</script>
</body>
</html>